<template>
    <div class="body" style="width: 100%;display: flex;flex-direction: column;justify-content: center;">
        <h1>
            <div class="system-header">斗牛</div>
        </h1>
        <div class="container-1">
            <div class="xuanXiang">
                请设置人数
                <button @click="selectNum(2)">2人</button>
                <button @click="selectNum(3)">3人</button>
                <button @click="selectNum(4)">4人</button>
                <button @click="selectNum(5)">5人</button>
                <button @click="selectNum(6)">6人</button>
            </div>
            <button style="margin-top: 60px;height: 50px;width: 100px;margin-bottom: 60px;font-size: 20px;justify-content: center;
        align-items: center;" @click="startGame(playerNum)">游戏结果
            </button>
            {{this.msg}}
            <div class="container">
                <div class="row-1">
                    <div class="player player1" v-show="playerNum>=1">
                        <div>
                            <div class="row-row">
                                <div class="row-col">
                                    <div class="container">
                                        <div class="box box1" v-show="player1[0].one">
                                            <span class="item item1" style="background-color: red"/>
                                        </div>
                                        <div class="box box2" v-show="player1[0].two">
                                            <span class="item item2"/>
                                            <span class="item item2"/>
                                        </div>
                                        <div class="box box3" v-show="player1[0].three">
                                            <span class="item item3"/>
                                            <span class="item item3"/>
                                            <span class="item item3"/>
                                        </div>
                                        <div class="box box4" v-show="player1[0].four">
                                            <div class="column">
                                                <span class="item item4"/>
                                                <span class="item item4"/>
                                            </div>
                                            <div class="column">
                                                <span class="item item4"/>
                                                <span class="item item4"/>
                                            </div>
                                        </div>
                                        <div class="box box5" v-show="player1[0].five">
                                            <div class="row">
                                                <span class="item item5"/>
                                                <span class="item item5"/>
                                            </div>
                                            <div class="row">
                                                <span class="item item5"/>
                                            </div>
                                            <div class="row">
                                                <span class="item item5"/>
                                                <span class="item item5"/>
                                            </div>
                                        </div>
                                        <div class="box box6" v-show="player1[0].six">
                                            <span class="item item6"/>
                                            <span class="item item6"/>
                                            <span class="item item6"/>
                                            <span class="item item6"/>
                                            <span class="item item6"/>
                                            <span class="item item6"/>

                                        </div>
                                    </div>
                                </div>
                                <div class="row-col">
                                    <div class="container">
                                        <div class="box box1" v-show="player1[1].one">
                                            <span class="item item1" style="background-color: red"/>
                                        </div>
                                        <div class="box box2" v-show="player1[1].two">
                                            <span class="item item2"/>
                                            <span class="item item2"/>
                                        </div>
                                        <div class="box box3" v-show="player1[1].three">
                                            <span class="item item3"/>
                                            <span class="item item3"/>
                                            <span class="item item3"/>
                                        </div>
                                        <div class="box box4" v-show="player1[1].four">
                                            <div class="column">
                                                <span class="item item4"/>
                                                <span class="item item4"/>
                                            </div>
                                            <div class="column">
                                                <span class="item item4"/>
                                                <span class="item item4"/>
                                            </div>
                                        </div>
                                        <div class="box box5" v-show="player1[1].five">
                                            <div class="row">
                                                <span class="item item5"/>
                                                <span class="item item5"/>
                                            </div>
                                            <div class="row">
                                                <span class="item item5"/>
                                            </div>
                                            <div class="row">
                                                <span class="item item5"/>
                                                <span class="item item5"/>
                                            </div>
                                        </div>
                                        <div class="box box6" v-show="player1[1].six">
                                            <span class="item item6"/>
                                            <span class="item item6"/>
                                            <span class="item item6"/>
                                            <span class="item item6"/>
                                            <span class="item item6"/>
                                            <span class="item item6"/>

                                        </div>
                                    </div>

                                </div>
                                <div class="row-col">
                                    <div class="container">
                                        <div class="box box1" v-show="player1[2].one">
                                            <span class="item item1" style="background-color: red"/>
                                        </div>
                                        <div class="box box2" v-show="player1[2].two">
                                            <span class="item item2"/>
                                            <span class="item item2"/>
                                        </div>
                                        <div class="box box3" v-show="player1[2].three">
                                            <span class="item item3"/>
                                            <span class="item item3"/>
                                            <span class="item item3"/>
                                        </div>
                                        <div class="box box4" v-show="player1[2].four">
                                            <div class="column">
                                                <span class="item item4"/>
                                                <span class="item item4"/>
                                            </div>
                                            <div class="column">
                                                <span class="item item4"/>
                                                <span class="item item4"/>
                                            </div>
                                        </div>
                                        <div class="box box5" v-show="player1[2].five">
                                            <div class="row">
                                                <span class="item item5"/>
                                                <span class="item item5"/>
                                            </div>
                                            <div class="row">
                                                <span class="item item5"/>
                                            </div>
                                            <div class="row">
                                                <span class="item item5"/>
                                                <span class="item item5"/>
                                            </div>
                                        </div>
                                        <div class="box box6" v-show="player1[2].six">
                                            <span class="item item6"/>
                                            <span class="item item6"/>
                                            <span class="item item6"/>
                                            <span class="item item6"/>
                                            <span class="item item6"/>
                                            <span class="item item6"/>

                                        </div>
                                    </div>

                                </div>
                            </div>
                            <!--                            //三个骰子-->
                            <div class="row-row">
                                <div class="row-col">
                                    <div class="container">
                                        <div class="box box1" v-show="player1[3].one">
                                            <span class="item item1" style="background-color: red"/>
                                        </div>
                                        <div class="box box2" v-show="player1[3].two">
                                            <span class="item item2"/>
                                            <span class="item item2"/>
                                        </div>
                                        <div class="box box3" v-show="player1[3].three">
                                            <span class="item item3"/>
                                            <span class="item item3"/>
                                            <span class="item item3"/>
                                        </div>
                                        <div class="box box4" v-show="player1[3].four">
                                            <div class="column">
                                                <span class="item item4"/>
                                                <span class="item item4"/>
                                            </div>
                                            <div class="column">
                                                <span class="item item4"/>
                                                <span class="item item4"/>
                                            </div>
                                        </div>
                                        <div class="box box5" v-show="player1[3].five">
                                            <div class="row">
                                                <span class="item item5"/>
                                                <span class="item item5"/>
                                            </div>
                                            <div class="row">
                                                <span class="item item5"/>
                                            </div>
                                            <div class="row">
                                                <span class="item item5"/>
                                                <span class="item item5"/>
                                            </div>
                                        </div>
                                        <div class="box box6" v-show="player1[3].six">
                                            <span class="item item6"/>
                                            <span class="item item6"/>
                                            <span class="item item6"/>
                                            <span class="item item6"/>
                                            <span class="item item6"/>
                                            <span class="item item6"/>

                                        </div>
                                    </div>
                                </div>
                                <div class="row-col">
                                    <div class="container">
                                        <div class="box box1" v-show="player1[4].one">
                                            <span class="item item1" style="background-color: red"/>
                                        </div>
                                        <div class="box box2" v-show="player1[4].two">
                                            <span class="item item2"/>
                                            <span class="item item2"/>
                                        </div>
                                        <div class="box box3" v-show="player1[4].three">
                                            <span class="item item3"/>
                                            <span class="item item3"/>
                                            <span class="item item3"/>
                                        </div>
                                        <div class="box box4" v-show="player1[4].four">
                                            <div class="column">
                                                <span class="item item4"/>
                                                <span class="item item4"/>
                                            </div>
                                            <div class="column">
                                                <span class="item item4"/>
                                                <span class="item item4"/>
                                            </div>
                                        </div>
                                        <div class="box box5" v-show="player1[4].five">
                                            <div class="row">
                                                <span class="item item5"/>
                                                <span class="item item5"/>
                                            </div>
                                            <div class="row">
                                                <span class="item item5"/>
                                            </div>
                                            <div class="row">
                                                <span class="item item5"/>
                                                <span class="item item5"/>
                                            </div>
                                        </div>
                                        <div class="box box6" v-show="player1[4].six">
                                            <span class="item item6"/>
                                            <span class="item item6"/>
                                            <span class="item item6"/>
                                            <span class="item item6"/>
                                            <span class="item item6"/>
                                            <span class="item item6"/>

                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--                            //两个骰子-->
                        </div>
                        <button class="satrt" @click="shakeFive1()" style="margin-top: 15px;font-size: 20px;">摇一摇
                        </button>
                    </div>
                    <div class="player player2" v-show="playerNum>=2">
                        <div class="row-row">
                            <div class="row-col">
                                <div class="container">
                                    <div class="box box1" v-show="player2[0].one">
                                        <span class="item item1" style="background-color: red"/>
                                    </div>
                                    <div class="box box2" v-show="player2[0].two">
                                        <span class="item item2"/>
                                        <span class="item item2"/>
                                    </div>
                                    <div class="box box3" v-show="player2[0].three">
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                    </div>
                                    <div class="box box4" v-show="player2[0].four">
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                    </div>
                                    <div class="box box5" v-show="player2[0].five">
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                    </div>
                                    <div class="box box6" v-show="player2[0].six">
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>

                                    </div>
                                </div>
                            </div>
                            <div class="row-col">
                                <div class="container">
                                    <div class="box box1" v-show="player2[1].one">
                                        <span class="item item1" style="background-color: red"/>
                                    </div>
                                    <div class="box box2" v-show="player2[1].two">
                                        <span class="item item2"/>
                                        <span class="item item2"/>
                                    </div>
                                    <div class="box box3" v-show="player2[1].three">
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                    </div>
                                    <div class="box box4" v-show="player2[1].four">
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                    </div>
                                    <div class="box box5" v-show="player2[1].five">
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                    </div>
                                    <div class="box box6" v-show="player2[1].six">
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>

                                    </div>
                                </div>
                            </div>
                            <div class="row-col">
                                <div class="container">
                                    <div class="box box1" v-show="player2[2].one">
                                        <span class="item item1" style="background-color: red"/>
                                    </div>
                                    <div class="box box2" v-show="player2[2].two">
                                        <span class="item item2"/>
                                        <span class="item item2"/>
                                    </div>
                                    <div class="box box3" v-show="player2[2].three">
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                    </div>
                                    <div class="box box4" v-show="player2[2].four">
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                    </div>
                                    <div class="box box5" v-show="player2[2].five">
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                    </div>
                                    <div class="box box6" v-show="player2[2].six">
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--                        //三个骰子-->
                        <div class="row-row">
                            <div class="row-col">
                                <div class="container">
                                    <div class="box box1" v-show="player2[3].one">
                                        <span class="item item1" style="background-color: red"/>
                                    </div>
                                    <div class="box box2" v-show="player2[3].two">
                                        <span class="item item2"/>
                                        <span class="item item2"/>
                                    </div>
                                    <div class="box box3" v-show="player2[3].three">
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                    </div>
                                    <div class="box box4" v-show="player2[3].four">
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                    </div>
                                    <div class="box box5" v-show="player2[3].five">
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                    </div>
                                    <div class="box box6" v-show="player2[3].six">
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>

                                    </div>
                                </div>
                            </div>
                            <div class="row-col">
                                <div class="container">
                                    <div class="box box1" v-show="player2[4].one">
                                        <span class="item item1" style="background-color: red"/>
                                    </div>
                                    <div class="box box2" v-show="player2[4].two">
                                        <span class="item item2"/>
                                        <span class="item item2"/>
                                    </div>
                                    <div class="box box3" v-show="player2[4].three">
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                    </div>
                                    <div class="box box4" v-show="player2[4].four">
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                    </div>
                                    <div class="box box5" v-show="player2[4].five">
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                    </div>
                                    <div class="box box6" v-show="player2[4].six">
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--                        //两个骰子-->
                        <button class="satrt" @click="shakeFive2()" style="margin-top: 15px;font-size: 20px;">摇一摇
                        </button>
                    </div>
                    <div class="player player3" v-show="playerNum>=3">
                        <div class="row-row">
                            <div class="row-col">
                                <div class="container">
                                    <div class="box box1" v-show="player3[0].one">
                                        <span class="item item1" style="background-color: red"/>
                                    </div>
                                    <div class="box box2" v-show="player3[0].two">
                                        <span class="item item2"/>
                                        <span class="item item2"/>
                                    </div>
                                    <div class="box box3" v-show="player3[0].three">
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                    </div>
                                    <div class="box box4" v-show="player3[0].four">
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                    </div>
                                    <div class="box box5" v-show="player3[0].five">
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                    </div>
                                    <div class="box box6" v-show="player3[0].six">
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>

                                    </div>
                                </div>
                            </div>
                            <div class="row-col">
                                <div class="container">
                                    <div class="box box1" v-show="player3[1].one">
                                        <span class="item item1" style="background-color: red"/>
                                    </div>
                                    <div class="box box2" v-show="player3[1].two">
                                        <span class="item item2"/>
                                        <span class="item item2"/>
                                    </div>
                                    <div class="box box3" v-show="player3[1].three">
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                    </div>
                                    <div class="box box4" v-show="player3[1].four">
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                    </div>
                                    <div class="box box5" v-show="player3[1].five">
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                    </div>
                                    <div class="box box6" v-show="player3[1].six">
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>

                                    </div>
                                </div>

                            </div>
                            <div class="row-col">
                                <div class="container">
                                    <div class="box box1" v-show="player3[2].one">
                                        <span class="item item1" style="background-color: red"/>
                                    </div>
                                    <div class="box box2" v-show="player3[2].two">
                                        <span class="item item2"/>
                                        <span class="item item2"/>
                                    </div>
                                    <div class="box box3" v-show="player3[2].three">
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                    </div>
                                    <div class="box box4" v-show="player3[2].four">
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                    </div>
                                    <div class="box box5" v-show="player3[2].five">
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                    </div>
                                    <div class="box box6" v-show="player3[2].six">
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>

                                    </div>
                                </div>

                            </div>
                        </div>
                        <!--                        //三个骰子-->
                        <div class="row-row">
                            <div class="row-col">
                                <div class="container">
                                    <div class="box box1" v-show="player3[3].one">
                                        <span class="item item1" style="background-color: red"/>
                                    </div>
                                    <div class="box box2" v-show="player3[3].two">
                                        <span class="item item2"/>
                                        <span class="item item2"/>
                                    </div>
                                    <div class="box box3" v-show="player3[3].three">
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                    </div>
                                    <div class="box box4" v-show="player3[3].four">
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                    </div>
                                    <div class="box box5" v-show="player3[3].five">
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                    </div>
                                    <div class="box box6" v-show="player3[3].six">
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>

                                    </div>
                                </div>
                            </div>
                            <div class="row-col">
                                <div class="container">
                                    <div class="box box1" v-show="player3[4].one">
                                        <span class="item item1" style="background-color: red"/>
                                    </div>
                                    <div class="box box2" v-show="player3[4].two">
                                        <span class="item item2"/>
                                        <span class="item item2"/>
                                    </div>
                                    <div class="box box3" v-show="player3[4].three">
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                    </div>
                                    <div class="box box4" v-show="player3[4].four">
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                    </div>
                                    <div class="box box5" v-show="player3[4].five">
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                    </div>
                                    <div class="box box6" v-show="player3[4].six">
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--                        //两个骰子-->
                        <button class="satrt" @click="shakeFive3()" style="margin-top: 15px;font-size: 20px;">摇一摇
                        </button>
                    </div>
                </div>
                <!--3个玩家-->
                <div class="row-1">
                    <div class="player player4" v-if="this.playerNum>=4">
                        <div class="row-row">
                            <div class="row-col">
                                <div class="container">
                                    <div class="box box1" v-show="player4[0].one">
                                        <span class="item item1" style="background-color: red"/>
                                    </div>
                                    <div class="box box2" v-show="player4[0].two">
                                        <span class="item item2"/>
                                        <span class="item item2"/>
                                    </div>
                                    <div class="box box3" v-show="player4[0].three">
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                    </div>
                                    <div class="box box4" v-show="player4[0].four">
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                    </div>
                                    <div class="box box5" v-show="player4[0].five">
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                    </div>
                                    <div class="box box6" v-show="player4[0].six">
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>

                                    </div>
                                </div>
                            </div>
                            <div class="row-col">
                                <div class="container">
                                    <div class="box box1" v-show="player4[1].one">
                                        <span class="item item1" style="background-color: red"/>
                                    </div>
                                    <div class="box box2" v-show="player4[1].two">
                                        <span class="item item2"/>
                                        <span class="item item2"/>
                                    </div>
                                    <div class="box box3" v-show="player4[1].three">
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                    </div>
                                    <div class="box box4" v-show="player4[1].four">
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                    </div>
                                    <div class="box box5" v-show="player4[1].five">
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                    </div>
                                    <div class="box box6" v-show="player4[1].six">
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>

                                    </div>
                                </div>

                            </div>
                            <div class="row-col">
                                <div class="container">
                                    <div class="box box1" v-show="player4[2].one">
                                        <span class="item item1" style="background-color: red"/>
                                    </div>
                                    <div class="box box2" v-show="player4[2].two">
                                        <span class="item item2"/>
                                        <span class="item item2"/>
                                    </div>
                                    <div class="box box3" v-show="player4[2].three">
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                    </div>
                                    <div class="box box4" v-show="player4[2].four">
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                    </div>
                                    <div class="box box5" v-show="player4[2].five">
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                    </div>
                                    <div class="box box6" v-show="player4[2].six">
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>

                                    </div>
                                </div>

                            </div>
                        </div>
                        <!--                        //三个骰子-->
                        <div class="row-row">
                            <div class="row-col">
                                <div class="container">
                                    <div class="box box1" v-show="player4[3].one">
                                        <span class="item item1" style="background-color: red"/>
                                    </div>
                                    <div class="box box2" v-show="player4[3].two">
                                        <span class="item item2"/>
                                        <span class="item item2"/>
                                    </div>
                                    <div class="box box3" v-show="player4[3].three">
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                    </div>
                                    <div class="box box4" v-show="player4[3].four">
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                    </div>
                                    <div class="box box5" v-show="player4[3].five">
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                    </div>
                                    <div class="box box6" v-show="player4[3].six">
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>

                                    </div>
                                </div>
                            </div>
                            <div class="row-col">
                                <div class="container">
                                    <div class="box box1" v-show="player4[4].one">
                                        <span class="item item1" style="background-color: red"/>
                                    </div>
                                    <div class="box box2" v-show="player4[4].two">
                                        <span class="item item2"/>
                                        <span class="item item2"/>
                                    </div>
                                    <div class="box box3" v-show="player4[4].three">
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                    </div>
                                    <div class="box box4" v-show="player4[4].four">
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                    </div>
                                    <div class="box box5" v-show="player4[4].five">
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                    </div>
                                    <div class="box box6" v-show="player4[4].six">
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--                        //两个骰子-->
                        <button class="satrt" @click="shakeFive4()" style="margin-top: 15px;font-size: 20px;">摇一摇
                        </button>
                    </div>
                    <div class="player player5" v-if="this.playerNum>=5">
                        <div class="row-row">
                            <div class="row-col">
                                <div class="container">
                                    <div class="box box1" v-show="player5[0].one">
                                        <span class="item item1" style="background-color: red"/>
                                    </div>
                                    <div class="box box2" v-show="player5[0].two">
                                        <span class="item item2"/>
                                        <span class="item item2"/>
                                    </div>
                                    <div class="box box3" v-show="player5[0].three">
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                    </div>
                                    <div class="box box4" v-show="player5[0].four">
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                    </div>
                                    <div class="box box5" v-show="player5[0].five">
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                    </div>
                                    <div class="box box6" v-show="player5[0].six">
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>

                                    </div>
                                </div>
                            </div>
                            <div class="row-col">
                                <div class="container">
                                    <div class="box box1" v-show="player5[1].one">
                                        <span class="item item1" style="background-color: red"/>
                                    </div>
                                    <div class="box box2" v-show="player5[1].two">
                                        <span class="item item2"/>
                                        <span class="item item2"/>
                                    </div>
                                    <div class="box box3" v-show="player5[1].three">
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                    </div>
                                    <div class="box box4" v-show="player5[1].four">
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                    </div>
                                    <div class="box box5" v-show="player5[1].five">
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                    </div>
                                    <div class="box box6" v-show="player5[1].six">
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>

                                    </div>
                                </div>

                            </div>
                            <div class="row-col">
                                <div class="container">
                                    <div class="box box1" v-show="player5[2].one">
                                        <span class="item item1" style="background-color: red"/>
                                    </div>
                                    <div class="box box2" v-show="player5[2].two">
                                        <span class="item item2"/>
                                        <span class="item item2"/>
                                    </div>
                                    <div class="box box3" v-show="player5[2].three">
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                    </div>
                                    <div class="box box4" v-show="player5[2].four">
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                    </div>
                                    <div class="box box5" v-show="player5[2].five">
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                    </div>
                                    <div class="box box6" v-show="player5[2].six">
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>

                                    </div>
                                </div>

                            </div>
                        </div>
                        <!--                        //三个骰子-->
                        <div class="row-row">
                            <div class="row-col">
                                <div class="container">
                                    <div class="box box1" v-show="player5[3].one">
                                        <span class="item item1" style="background-color: red"/>
                                    </div>
                                    <div class="box box2" v-show="player5[3].two">
                                        <span class="item item2"/>
                                        <span class="item item2"/>
                                    </div>
                                    <div class="box box3" v-show="player5[3].three">
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                    </div>
                                    <div class="box box4" v-show="player5[3].four">
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                    </div>
                                    <div class="box box5" v-show="player5[3].five">
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                    </div>
                                    <div class="box box6" v-show="player5[3].six">
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>

                                    </div>
                                </div>
                            </div>
                            <div class="row-col">
                                <div class="container">
                                    <div class="box box1" v-show="player5[4].one">
                                        <span class="item item1" style="background-color: red"/>
                                    </div>
                                    <div class="box box2" v-show="player5[4].two">
                                        <span class="item item2"/>
                                        <span class="item item2"/>
                                    </div>
                                    <div class="box box3" v-show="player5[4].three">
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                    </div>
                                    <div class="box box4" v-show="player5[4].four">
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                    </div>
                                    <div class="box box5" v-show="player5[4].five">
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                    </div>
                                    <div class="box box6" v-show="player5[4].six">
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--                        //两个骰子-->
                        <button class="satrt" @click="shakeFive5()" style="margin-top: 15px;font-size: 20px;">摇一摇
                        </button>
                    </div>
                    <div class="player player6" v-if="this.playerNum>=6">
                        <div class="row-row">
                            <div class="row-col">
                                <div class="container">
                                    <div class="box box1" v-show="player6[0].one">
                                        <span class="item item1" style="background-color: red"/>
                                    </div>
                                    <div class="box box2" v-show="player6[0].two">
                                        <span class="item item2"/>
                                        <span class="item item2"/>
                                    </div>
                                    <div class="box box3" v-show="player6[0].three">
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                    </div>
                                    <div class="box box4" v-show="player6[0].four">
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                    </div>
                                    <div class="box box5" v-show="player6[0].five">
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                    </div>
                                    <div class="box box6" v-show="player6[0].six">
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>

                                    </div>
                                </div>
                            </div>
                            <div class="row-col">
                                <div class="container">
                                    <div class="box box1" v-show="player6[1].one">
                                        <span class="item item1" style="background-color: red"/>
                                    </div>
                                    <div class="box box2" v-show="player6[1].two">
                                        <span class="item item2"/>
                                        <span class="item item2"/>
                                    </div>
                                    <div class="box box3" v-show="player6[1].three">
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                    </div>
                                    <div class="box box4" v-show="player6[1].four">
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                    </div>
                                    <div class="box box5" v-show="player6[1].five">
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                    </div>
                                    <div class="box box6" v-show="player6[1].six">
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>

                                    </div>
                                </div>

                            </div>
                            <div class="row-col">
                                <div class="container">
                                    <div class="box box1" v-show="player6[2].one">
                                        <span class="item item1" style="background-color: red"/>
                                    </div>
                                    <div class="box box2" v-show="player6[2].two">
                                        <span class="item item2"/>
                                        <span class="item item2"/>
                                    </div>
                                    <div class="box box3" v-show="player6[2].three">
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                    </div>
                                    <div class="box box4" v-show="player6[2].four">
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                    </div>
                                    <div class="box box5" v-show="player6[2].five">
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                    </div>
                                    <div class="box box6" v-show="player6[2].six">
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>

                                    </div>
                                </div>

                            </div>
                        </div>
                        <div class="row-row">
                            <div class="row-col">
                                <div class="container">
                                    <div class="box box1" v-show="player6[3].one">
                                        <span class="item item1" style="background-color: red"/>
                                    </div>
                                    <div class="box box2" v-show="player6[3].two">
                                        <span class="item item2"/>
                                        <span class="item item2"/>
                                    </div>
                                    <div class="box box3" v-show="player6[3].three">
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                    </div>
                                    <div class="box box4" v-show="player6[3].four">
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                    </div>
                                    <div class="box box5" v-show="player6[3].five">
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                    </div>
                                    <div class="box box6" v-show="player6[3].six">
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>

                                    </div>
                                </div>
                            </div>
                            <div class="row-col">
                                <div class="container">
                                    <div class="box box1" v-show="player6[4].one">
                                        <span class="item item1" style="background-color: red"/>
                                    </div>
                                    <div class="box box2" v-show="player6[4].two">
                                        <span class="item item2"/>
                                        <span class="item item2"/>
                                    </div>
                                    <div class="box box3" v-show="player6[4].three">
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                        <span class="item item3"/>
                                    </div>
                                    <div class="box box4" v-show="player6[4].four">
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                        <div class="column">
                                            <span class="item item4"/>
                                            <span class="item item4"/>
                                        </div>
                                    </div>
                                    <div class="box box5" v-show="player6[4].five">
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                        </div>
                                        <div class="row">
                                            <span class="item item5"/>
                                            <span class="item item5"/>
                                        </div>
                                    </div>
                                    <div class="box box6" v-show="player6[4].six">
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>
                                        <span class="item item6"/>

                                    </div>
                                </div>
                            </div>
                        </div>
                        <!--                        //两个骰子-->
                        <button class="satrt" @click="shakeFive6()" style="margin-top: 15px;font-size: 20px;">摇一摇
                        </button>
                    </div>
                </div>
                <!--3个玩家-->
            </div>
        </div>

        <HelloWorld/>
        <hr align="center" width="100%" color="#987cb9" size="1" />
        <Banben style="margin-top: 200px;margin-bottom: 200px"/>

    </div>
</template>

<script>
    import HelloWorld from "@/components/test/HelloWorld";
    import Banben from "@/components/test/Banben";

    export default {
        name: 'App',
        components: {
            HelloWorld,
            Banben
        },
        data() {
            return {
                player1: [
                    {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }, {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }, {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }, {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }, {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }],
                player2: [
                    {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }, {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }, {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }, {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }, {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }],
                player3: [
                    {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }, {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }, {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }, {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }, {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }],
                player4: [
                    {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }, {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }, {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }, {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }, {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }],
                player5: [
                    {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }, {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }, {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }, {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }, {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }],
                player6: [
                    {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }, {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }, {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }, {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }, {
                        one: false,
                        two: false,
                        three: false,
                        four: false,
                        five: false,
                        six: false
                    }],
                player1Results: [],
                player2Results: [],
                player3Results: [],
                player4Results: [],
                player5Results: [],
                player6Results: [],
                player1Points: new Array(0, 0, 0, 0, 0),
                player2Points: [0, 0, 0, 0, 0],
                player3Points: [0, 0, 0, 0, 0],
                player4Points: [0, 0, 0, 0, 0],
                player5Points: [0, 0, 0, 0, 0],
                player6Points: [0, 0, 0, 0, 0],
                player1Judge: {
                    isHave: false,//判断有没有牛
                    whatBow: 0,//判断牛几
                    isFiveBoom: false,
                    fiveBoom: 0,
                    isFiveSmallBow: false,
                    fiveSmallBow: 0,
                    fourBoom: 0,
                    isFourBoom: true,
                    points: 0
                },
                player2Judge: {
                    isHave: false,//判断有没有牛
                    whatBow: 0,//判断牛几
                    isFiveBoom: false,
                    fiveBoom: 0,
                    isFiveSmallBow: false,
                    fiveSmallBow: 0,
                    fourBoom: 0,
                    isFourBoom: true,
                    points: 0
                },
                player3Judge: {
                    isHave: false,//判断有没有牛
                    whatBow: 0,//判断牛几
                    isFiveBoom: false,
                    fiveBoom: 0,
                    isFiveSmallBow: false,
                    fiveSmallBow: 0,
                    fourBoom: 0,
                    isFourBoom: true,
                    points: 0
                },
                player4Judge: {
                    isHave: false,//判断有没有牛
                    whatBow: 0,//判断牛几
                    isFiveBoom: false,
                    fiveBoom: 0,
                    isFiveSmallBow: false,
                    fiveSmallBow: 0,
                    fourBoom: 0,
                    isFourBoom: true,
                    points: 0
                },
                player5Judge: {
                    isHave: false,//判断有没有牛
                    whatBow: 0,//判断牛几
                    isFiveBoom: false,
                    fiveBoom: 0,
                    isFiveSmallBow: false,
                    fiveSmallBow: 0,
                    fourBoom: 0,
                    isFourBoom: true,
                    points: 0
                },
                player6Judge: {
                    isHave: false,//判断有没有牛
                    whatBow: 0,//判断牛几
                    isFiveBoom: false,
                    fiveBoom: 0,
                    isFiveSmallBow: false,
                    fiveSmallBow: 0,
                    fourBoom: 0,
                    isFourBoom: true,
                    points: 0
                },
                playerNum: 0,//判断玩家数
                msg: '',//结果

            }
        },
        methods: {
            shakeFive1() {
                this.player1Points = [0, 0, 0, 0, 0]
                this.shakePlayer1(0)
                this.shakePlayer1(1)
                this.shakePlayer1(2)
                this.shakePlayer1(3)
                this.shakePlayer1(4)
                console.log(this.player1Points)

                if (this.player1Points[0] + this.player1Points[1] + this.player1Points[2] == 6 || this.player1Points[0] + this.player1Points[1] + this.player1Points[2] == 12 || this.player1Points[0] + this.player1Points[1] + this.player1Points[2] == 18) {
                    this.isHave = true
                    this.player1Results = [this.player1Points[3], this.player1Points[4]]
                    console.log("---------------1")
                } else if (this.player1Points[0] + this.player1Points[1] + this.player1Points[3] == 6 || this.player1Points[0] + this.player1Points[1] + this.player1Points[3] == 12 || this.player1Points[0] + this.player1Points[1] + this.player1Points[3] == 18) {
                    this.isHave = true
                    this.player1Results = [this.player1Points[2], this.player1Points[4]]
                    console.log("---------------2")
                } else if (this.player1Points[0] + this.player1Points[1] + this.player1Points[4] == 6 || this.player1Points[0] + this.player1Points[1] + this.player1Points[4] == 12 || this.player1Points[0] + this.player1Points[1] + this.player1Points[4] == 18) {
                    this.isHave = true
                    this.player1Results = [this.player1Points[3], this.player1Points[2]]
                    console.log("---------------3")
                } else if (this.player1Points[0] + this.player1Points[3] + this.player1Points[4] == 6 || this.player1Points[0] + this.player1Points[3] + this.player1Points[4] == 12 || this.player1Points[0] + this.player1Points[3] + this.player1Points[4] == 18) {
                    this.isHave = true
                    this.player1Results = [this.player1Points[1], this.player1Points[2]]
                    console.log("---------------4")
                } else if (this.player1Points[0] + this.player1Points[3] + this.player1Points[2] == 6 || this.player1Points[0] + this.player1Points[3] + this.player1Points[2] == 12 || this.player1Points[0] + this.player1Points[3] + this.player1Points[2] == 18) {
                    this.isHave = true
                    this.player1Results = [this.player1Points[1], this.player1Points[4]]
                    console.log("---------------5")
                } else if (this.player1Points[0] + this.player1Points[2] + this.player1Points[4] == 6 || this.player1Points[0] + this.player1Points[2] + this.player1Points[4] == 12 || this.player1Points[0] + this.player1Points[2] + this.player1Points[4] == 18) {
                    this.isHave = true
                    this.player1Results = [this.player1Points[3], this.player1Points[1]]
                    console.log("---------------6")
                } else if (this.player1Points[1] + this.player1Points[2] + this.player1Points[4] == 6 || this.player1Points[1] + this.player1Points[2] + this.player1Points[4] == 12 || this.player1Points[1] + this.player1Points[2] + this.player1Points[4] == 18) {
                    this.isHave = true
                    this.player1Results = [this.player1Points[3], this.player1Points[0]]
                    console.log("---------------7")
                } else if (this.player1Points[2] + this.player1Points[3] + this.player1Points[4] == 6 || this.player1Points[2] + this.player1Points[3] + this.player1Points[4] == 12 || this.player1Points[2] + this.player1Points[3] + this.player1Points[4] == 18) {
                    this.isHave = true
                    this.player1Results = [this.player1Points[0], this.player1Points[1]]
                    console.log("---------------8")
                } else if (this.player1Points[1] + this.player1Points[2] + this.player1Points[3] == 6 || this.player1Points[1] + this.player1Points[2] + this.player1Points[3] == 12 || this.player1Points[1] + this.player1Points[2] + this.player1Points[3] == 18) {
                    this.isHave = true
                    this.player1Results = [this.player1Points[0], this.player1Points[4]]
                    console.log("---------------9")
                } else if (this.player1Points[1] + this.player1Points[3] + this.player1Points[4] == 6 || this.player1Points[1] + this.player1Points[3] + this.player1Points[4] == 12 || this.player1Points[1] + this.player1Points[3] + this.player1Points[4] == 18) {
                    this.isHave = true
                    this.player1Results = [this.player1Points[0], this.player1Points[2]]
                    console.log("---------------10")
                }
                this.player1Judge.whatBow = (this.player1Results[0] + this.player1Results[1]) % 6
                if (((this.player1Results[0] + this.player1Results[1]) % 6)==0){
                    this.player1Judge.whatBow = 6
                }
                this.quChong(this.player1Points, this.player1Points, this.player1Judge)
            },
            shakeFive2() {
                this.shakePlayer2(0)
                this.shakePlayer2(1)
                this.shakePlayer2(2)
                this.shakePlayer2(3)
                this.shakePlayer2(4)

                if (this.player2Points[0] + this.player2Points[1] + this.player2Points[2] == 6 || this.player2Points[0] + this.player2Points[1] + this.player2Points[2] == 12 || this.player2Points[0] + this.player2Points[1] + this.player2Points[2] == 18) {
                    this.isHave = true
                    this.player2Results = [this.player2Points[3], this.player2Points[4]]
                    console.log("---------------1")
                } else if (this.player2Points[0] + this.player2Points[1] + this.player2Points[3] == 6 || this.player2Points[0] + this.player2Points[1] + this.player2Points[3] == 12 || this.player2Points[0] + this.player2Points[1] + this.player2Points[3] == 18) {
                    this.isHave = true
                    this.player2Results = [this.player2Points[2], this.player2Points[4]]
                    console.log("---------------2")
                } else if (this.player2Points[0] + this.player2Points[1] + this.player2Points[4] == 6 || this.player2Points[0] + this.player2Points[1] + this.player2Points[4] == 12 || this.player2Points[0] + this.player2Points[1] + this.player2Points[4] == 18) {
                    this.isHave = true
                    this.player2Results = [this.player2Points[3], this.player2Points[2]]
                    console.log("---------------3")
                } else if (this.player2Points[0] + this.player2Points[3] + this.player2Points[4] == 6 || this.player2Points[0] + this.player2Points[3] + this.player2Points[4] == 12 || this.player2Points[0] + this.player2Points[3] + this.player2Points[4] == 18) {
                    this.isHave = true
                    this.player2Results = [this.player2Points[1], this.player2Points[2]]
                    console.log("---------------4")
                } else if (this.player2Points[0] + this.player2Points[3] + this.player2Points[2] == 6 || this.player2Points[0] + this.player2Points[3] + this.player2Points[2] == 12 || this.player2Points[0] + this.player2Points[3] + this.player2Points[2] == 18) {
                    this.isHave = true
                    this.player2Results = [this.player2Points[1], this.player2Points[4]]
                    console.log("---------------5")
                } else if (this.player2Points[0] + this.player2Points[2] + this.player2Points[4] == 6 || this.player2Points[0] + this.player2Points[2] + this.player2Points[4] == 12 || this.player2Points[0] + this.player2Points[2] + this.player2Points[4] == 18) {
                    this.isHave = true
                    this.player2Results = [this.player2Points[3], this.player2Points[1]]
                    console.log("---------------6")
                } else if (this.player2Points[1] + this.player2Points[2] + this.player2Points[4] == 6 || this.player2Points[1] + this.player2Points[2] + this.player2Points[4] == 12 || this.player2Points[1] + this.player2Points[2] + this.player2Points[4] == 18) {
                    this.isHave = true
                    this.player2Results = [this.player2Points[3], this.player2Points[0]]
                    console.log("---------------7")
                } else if (this.player2Points[2] + this.player2Points[3] + this.player2Points[4] == 6 || this.player2Points[2] + this.player2Points[3] + this.player2Points[4] == 12 || this.player2Points[2] + this.player2Points[3] + this.player2Points[4] == 18) {
                    this.isHave = true
                    this.player2Results = [this.player2Points[0], this.player2Points[1]]
                    console.log("---------------8")
                } else if (this.player2Points[1] + this.player2Points[2] + this.player2Points[3] == 6 || this.player2Points[1] + this.player2Points[2] + this.player2Points[3] == 12 || this.player2Points[1] + this.player2Points[2] + this.player2Points[3] == 18) {
                    this.isHave = true
                    this.player2Results = [this.player2Points[0], this.player2Points[4]]
                    console.log("---------------9")
                } else if (this.player2Points[1] + this.player2Points[3] + this.player2Points[4] == 6 || this.player2Points[1] + this.player2Points[3] + this.player2Points[4] == 12 || this.player2Points[1] + this.player2Points[3] + this.player2Points[4] == 18) {
                    this.isHave = true
                    this.player2Results = [this.player2Points[0], this.player2Points[2]]
                    console.log("---------------10")
                }
                this.player2Judge.whatBow = (this.player2Results[0] + this.player2Results[1]) % 6
                if (((this.player2Results[0] + this.player2Results[1]) % 6)==0){
                    this.player2Judge.whatBow = 6
                }
                this.quChong(this.player2Points, this.player2Points, this.player2Judge)
            },
            shakeFive3() {
                this.shakePlayer3(0)
                this.shakePlayer3(1)
                this.shakePlayer3(2)
                this.shakePlayer3(3)
                this.shakePlayer3(4)
                if (this.player3Points[0] + this.player3Points[1] + this.player3Points[2] == 6 || this.player3Points[0] + this.player3Points[1] + this.player3Points[2] == 12 || this.player3Points[0] + this.player3Points[1] + this.player3Points[2] == 18) {
                    this.isHave = true
                    this.player3Results = [this.player3Points[3], this.player3Points[4]]
                    console.log("---------------1")
                } else if (this.player3Points[0] + this.player3Points[1] + this.player3Points[3] == 6 || this.player3Points[0] + this.player3Points[1] + this.player3Points[3] == 12 || this.player3Points[0] + this.player3Points[1] + this.player3Points[3] == 18) {
                    this.isHave = true
                    this.player3Results = [this.player3Points[2], this.player3Points[4]]
                    console.log("---------------2")
                } else if (this.player3Points[0] + this.player3Points[1] + this.player3Points[4] == 6 || this.player3Points[0] + this.player3Points[1] + this.player3Points[4] == 12 || this.player3Points[0] + this.player3Points[1] + this.player3Points[4] == 18) {
                    this.isHave = true
                    this.player3Results = [this.player3Points[3], this.player3Points[2]]
                    console.log("---------------3")
                } else if (this.player3Points[0] + this.player3Points[3] + this.player3Points[4] == 6 || this.player3Points[0] + this.player3Points[3] + this.player3Points[4] == 12 || this.player3Points[0] + this.player3Points[3] + this.player3Points[4] == 18) {
                    this.isHave = true
                    this.player3Results = [this.player3Points[1], this.player3Points[2]]
                    console.log("---------------4")
                } else if (this.player3Points[0] + this.player3Points[3] + this.player3Points[2] == 6 || this.player3Points[0] + this.player3Points[3] + this.player3Points[2] == 12 || this.player3Points[0] + this.player3Points[3] + this.player3Points[2] == 18) {
                    this.isHave = true
                    this.player3Results = [this.player3Points[1], this.player3Points[4]]
                    console.log("---------------5")
                } else if (this.player3Points[0] + this.player3Points[2] + this.player3Points[4] == 6 || this.player3Points[0] + this.player3Points[2] + this.player3Points[4] == 12 || this.player3Points[0] + this.player3Points[2] + this.player3Points[4] == 18) {
                    this.isHave = true
                    this.player3Results = [this.player3Points[3], this.player3Points[1]]
                    console.log("---------------6")
                } else if (this.player3Points[1] + this.player3Points[2] + this.player3Points[4] == 6 || this.player3Points[1] + this.player3Points[2] + this.player3Points[4] == 12 || this.player3Points[1] + this.player3Points[2] + this.player3Points[4] == 18) {
                    this.isHave = true
                    this.player3Results = [this.player3Points[3], this.player3Points[0]]
                    console.log("---------------7")
                } else if (this.player3Points[2] + this.player3Points[3] + this.player3Points[4] == 6 || this.player3Points[2] + this.player3Points[3] + this.player3Points[4] == 12 || this.player3Points[2] + this.player3Points[3] + this.player3Points[4] == 18) {
                    this.isHave = true
                    this.player3Results = [this.player3Points[0], this.player3Points[1]]
                    console.log("---------------8")
                } else if (this.player3Points[1] + this.player3Points[2] + this.player3Points[3] == 6 || this.player3Points[1] + this.player3Points[2] + this.player3Points[3] == 12 || this.player3Points[1] + this.player3Points[2] + this.player3Points[3] == 18) {
                    this.isHave = true
                    this.player3Results = [this.player3Points[0], this.player3Points[4]]
                    console.log("---------------9")
                } else if (this.player3Points[1] + this.player3Points[3] + this.player3Points[4] == 6 || this.player3Points[1] + this.player3Points[3] + this.player3Points[4] == 12 || this.player3Points[1] + this.player3Points[3] + this.player3Points[4] == 18) {
                    this.isHave = true
                    this.player3Judge = [this.player3Points[0], this.player3Points[2]]
                    console.log("---------------10")
                }
                this.player3Results.whatBow = (this.player3Results[0] + this.player3Results[1]) % 6
                if (((this.player3Results[0] + this.player3Results[1]) % 6)==0){
                    this.player3Judge.whatBow = 6
                }
                this.quChong(this.player3Points, this.player3Points, this.player3Judge)
            },
            shakeFive4() {
                this.shakePlayer4(0)
                this.shakePlayer4(1)
                this.shakePlayer4(2)
                this.shakePlayer4(3)
                this.shakePlayer4(4)
                if (this.player4Points[0] + this.player4Points[1] + this.player4Points[2] == 6 || this.player4Points[0] + this.player4Points[1] + this.player4Points[2] == 12 || this.player4Points[0] + this.player4Points[1] + this.player4Points[2] == 18) {
                    this.isHave = true
                    this.player4Results = [this.player4Points[3], this.player4Points[4]]
                    console.log("---------------1")
                } else if (this.player4Points[0] + this.player4Points[1] + this.player4Points[3] == 6 || this.player4Points[0] + this.player4Points[1] + this.player4Points[3] == 12 || this.player4Points[0] + this.player4Points[1] + this.player4Points[3] == 18) {
                    this.isHave = true
                    this.player4Results = [this.player4Points[2], this.player4Points[4]]
                    console.log("---------------2")
                } else if (this.player4Points[0] + this.player4Points[1] + this.player4Points[4] == 6 || this.player4Points[0] + this.player4Points[1] + this.player4Points[4] == 12 || this.player4Points[0] + this.player4Points[1] + this.player4Points[4] == 18) {
                    this.isHave = true
                    this.player4Results = [this.player4Points[3], this.player4Points[2]]
                    console.log("---------------3")
                } else if (this.player4Points[0] + this.player4Points[3] + this.player4Points[4] == 6 || this.player4Points[0] + this.player4Points[3] + this.player4Points[4] == 12 || this.player4Points[0] + this.player4Points[3] + this.player4Points[4] == 18) {
                    this.isHave = true
                    this.player4Results = [this.player4Points[1], this.player4Points[2]]
                    console.log("---------------4")
                } else if (this.player4Points[0] + this.player4Points[3] + this.player4Points[2] == 6 || this.player4Points[0] + this.player4Points[3] + this.player4Points[2] == 12 || this.player4Points[0] + this.player4Points[3] + this.player4Points[2] == 18) {
                    this.isHave = true
                    this.player4Results = [this.player4Points[1], this.player4Points[4]]
                    console.log("---------------5")
                } else if (this.player4Points[0] + this.player4Points[2] + this.player4Points[4] == 6 || this.player4Points[0] + this.player4Points[2] + this.player4Points[4] == 12 || this.player4Points[0] + this.player4Points[2] + this.player4Points[4] == 18) {
                    this.isHave = true
                    this.player4Results = [this.player4Points[3], this.player4Points[1]]
                    console.log("---------------6")
                } else if (this.player4Points[1] + this.player4Points[2] + this.player4Points[4] == 6 || this.player4Points[1] + this.player4Points[2] + this.player4Points[4] == 12 || this.player4Points[1] + this.player4Points[2] + this.player4Points[4] == 18) {
                    this.isHave = true
                    this.player4Results = [this.player4Points[3], this.player4Points[0]]
                    console.log("---------------7")
                } else if (this.player4Points[2] + this.player4Points[3] + this.player4Points[4] == 6 || this.player4Points[2] + this.player4Points[3] + this.player4Points[4] == 12 || this.player4Points[2] + this.player4Points[3] + this.player4Points[4] == 18) {
                    this.isHave = true
                    this.player4Results = [this.player4Points[0], this.player4Points[1]]
                    console.log("---------------8")
                } else if (this.player4Points[1] + this.player4Points[2] + this.player4Points[3] == 6 || this.player4Points[1] + this.player4Points[2] + this.player4Points[3] == 12 || this.player4Points[1] + this.player4Points[2] + this.player4Points[3] == 18) {
                    this.isHave = true
                    this.player4Results = [this.player4Points[0], this.player4Points[4]]
                    console.log("---------------9")
                } else if (this.player4Points[1] + this.player4Points[3] + this.player4Points[4] == 6 || this.player4Points[1] + this.player4Points[3] + this.player1Points[4] == 12 || this.player4Points[1] + this.player4Points[3] + this.player4Points[4] == 18) {
                    this.isHave = true
                    this.player4Results = [this.player4Points[0], this.player4Points[2]]
                    console.log("---------------10")
                }
                this.player4Judge.whatBow = (this.player4Results[0] + this.player4Results[1]) % 6
                if (((this.player4Results[0] + this.player4Results[1]) % 6)==0){
                    this.player4Judge.whatBow = 6
                }
                this.quChong(this.player4Points, this.player4Points, this.player4Judge)
            },
            shakeFive5() {
                this.shakePlayer5(0)
                this.shakePlayer5(1)
                this.shakePlayer5(2)
                this.shakePlayer5(3)
                this.shakePlayer5(4)
                if (this.player5Points[0] + this.player5Points[1] + this.player5Points[2] == 6 || this.player5Points[0] + this.player5Points[1] + this.player5Points[2] == 12 || this.player5Points[0] + this.player5Points[1] + this.player5Points[2] == 18) {
                    this.isHave = true
                    this.player5Results = [this.player5Points[3], this.player5Points[4]]
                    console.log("---------------1")
                } else if (this.player5Points[0] + this.player5Points[1] + this.player5Points[3] == 6 || this.player5Points[0] + this.player5Points[1] + this.player5Points[3] == 12 || this.player5Points[0] + this.player5Points[1] + this.player5Points[3] == 18) {
                    this.isHave = true
                    this.player5Results = [this.player5Points[2], this.player5Points[4]]
                    console.log("---------------2")
                } else if (this.player5Points[0] + this.player5Points[1] + this.player5Points[4] == 6 || this.player5Points[0] + this.player5Points[1] + this.player5Points[4] == 12 || this.player5Points[0] + this.player5Points[1] + this.player5Points[4] == 18) {
                    this.isHave = true
                    this.player5Results = [this.player5Points[3], this.player5Points[2]]
                    console.log("---------------3")
                } else if (this.player5Points[0] + this.player5Points[3] + this.player5Points[4] == 6 || this.player5Points[0] + this.player5Points[3] + this.player5Points[4] == 12 || this.player5Points[0] + this.player5Points[3] + this.player5Points[4] == 18) {
                    this.isHave = true
                    this.player5Results = [this.player5Points[1], this.player5Points[2]]
                    console.log("---------------4")
                } else if (this.player5Points[0] + this.player5Points[3] + this.player5Points[2] == 6 || this.player5Points[0] + this.player5Points[3] + this.player5Points[2] == 12 || this.player5Points[0] + this.player5Points[3] + this.player5Points[2] == 18) {
                    this.isHave = true
                    this.player5Results = [this.player5Points[1], this.player5Points[4]]
                    console.log("---------------5")
                } else if (this.player5Points[0] + this.player5Points[2] + this.player5Points[4] == 6 || this.player5Points[0] + this.player5Points[2] + this.player5Points[4] == 12 || this.player5Points[0] + this.player5Points[2] + this.player5Points[4] == 18) {
                    this.isHave = true
                    this.player5Results = [this.player1Points[3], this.player1Points[1]]
                    console.log("---------------6")
                } else if (this.player5Points[1] + this.player5Points[2] + this.player5Points[4] == 6 || this.player5Points[1] + this.player5Points[2] + this.player5Points[4] == 12 || this.player5Points[1] + this.player5Points[2] + this.player5Points[4] == 18) {
                    this.isHave = true
                    this.player5Results = [this.player5Points[3], this.player5Points[0]]
                    console.log("---------------7")
                } else if (this.player5Points[2] + this.player5Points[3] + this.player5Points[4] == 6 || this.player5Points[2] + this.player5Points[3] + this.player5Points[4] == 12 || this.player5Points[2] + this.player5Points[3] + this.player5Points[4] == 18) {
                    this.isHave = true
                    this.player5Results = [this.player5Points[0], this.player5Points[1]]
                    console.log("---------------8")
                } else if (this.player5Points[1] + this.player5Points[2] + this.player5Points[3] == 6 || this.player5Points[1] + this.player5Points[2] + this.player5Points[3] == 12 || this.player5Points[1] + this.player5Points[2] + this.player5Points[3] == 18) {
                    this.isHave = true
                    this.player5Results = [this.player5Points[0], this.player5Points[4]]
                    console.log("---------------9")
                } else if (this.player5Points[1] + this.player5Points[3] + this.player5Points[4] == 6 || this.player5Points[1] + this.player5Points[3] + this.player5Points[4] == 12 || this.player5Points[1] + this.player5Points[3] + this.player5Points[4] == 18) {
                    this.isHave = true
                    this.player5Results = [this.player5Points[0], this.player5Points[2]]
                    console.log("---------------10")
                }
                this.player5Judge.whatBow = (this.player5Results[0] + this.player5Results[1]) % 6
                if (((this.player5Results[0] + this.player5Results[1]) % 6)==0){
                    this.player5Judge.whatBow = 6
                }
                this.quChong(this.player5Points, this.player5Points, this.player5Judge)
            },
            shakeFive6() {
                this.shakePlayer6(0)
                this.shakePlayer6(1)
                this.shakePlayer6(2)
                this.shakePlayer6(3)
                this.shakePlayer6(4)
                if (this.player6Points[0] + this.player6Points[1] + this.player6Points[2] == 6 || this.player6Points[0] + this.player6Points[1] + this.player6Points[2] == 12 || this.player6Points[0] + this.player6Points[1] + this.player6Points[2] == 18) {
                    this.isHave = true
                    this.player1Results = [this.player1Points[3], this.player1Points[4]]
                    console.log("---------------1")
                } else if (this.player6Points[0] + this.player6Points[1] + this.player6Points[3] == 6 || this.player6Points[0] + this.player6Points[1] + this.player6Points[3] == 12 || this.player6Points[0] + this.player6Points[1] + this.player6Points[3] == 18) {
                    this.isHave = true
                    this.player6Results = [this.player6Points[2], this.player6Points[4]]
                    console.log("---------------2")
                } else if (this.player6Points[0] + this.player6Points[1] + this.player6Points[4] == 6 || this.player6Points[0] + this.player6Points[1] + this.player6Points[4] == 12 || this.player6Points[0] + this.player6Points[1] + this.player6Points[4] == 18) {
                    this.isHave = true
                    this.player6Results = [this.player6Points[3], this.player6Points[2]]
                    console.log("---------------3")
                } else if (this.player6Points[0] + this.player6Points[3] + this.player6Points[4] == 6 || this.player6Points[0] + this.player6Points[3] + this.player6Points[4] == 12 || this.player6Points[0] + this.player6Points[3] + this.player6Points[4] == 18) {
                    this.isHave = true
                    this.player6Results = [this.player6Points[1], this.player6Points[2]]
                    console.log("---------------4")
                } else if (this.player6Points[0] + this.player6Points[3] + this.player6Points[2] == 6 || this.player6Points[0] + this.player6Points[3] + this.player6Points[2] == 12 || this.player6Points[0] + this.player6Points[3] + this.player6Points[2] == 18) {
                    this.isHave = true
                    this.player6Results = [this.player6Points[1], this.player6Points[4]]
                    console.log("---------------5")
                } else if (this.player6Points[0] + this.player6Points[2] + this.player6Points[4] == 6 || this.player6Points[0] + this.player6Points[2] + this.player6Points[4] == 12 || this.player6Points[0] + this.player6Points[2] + this.player6Points[4] == 18) {
                    this.isHave = true
                    this.player6Results = [this.player1Points[3], this.player1Points[1]]
                    console.log("---------------6")
                } else if (this.player6Points[1] + this.player6Points[2] + this.player6Points[4] == 6 || this.player6Points[1] + this.player6Points[2] + this.player6Points[4] == 12 || this.player6Points[1] + this.player6Points[2] + this.player6Points[4] == 18) {
                    this.isHave = true
                    this.player6Results = [this.player6Points[3], this.player6Points[0]]
                    console.log("---------------7")
                } else if (this.player6Points[2] + this.player6Points[3] + this.player6Points[4] == 6 || this.player6Points[2] + this.player6Points[3] + this.player6Points[4] == 12 || this.player6Points[2] + this.player6Points[3] + this.player6Points[4] == 18) {
                    this.isHave = true
                    this.player6Results = [this.player1Points[0], this.player1Points[1]]
                    console.log("---------------8")
                } else if (this.player6Points[1] + this.player6Points[2] + this.player6Points[3] == 6 || this.player6Points[1] + this.player6Points[2] + this.player6Points[3] == 12 || this.player6Points[1] + this.player6Points[2] + this.player6Points[3] == 18) {
                    this.isHave = true
                    this.player6Results = [this.player6Points[0], this.player6Points[4]]
                    console.log("---------------9")
                } else if (this.player6Points[1] + this.player6Points[3] + this.player6Points[4] == 6 || this.player6Points[1] + this.player6Points[3] + this.player6Points[4] == 12 || this.player6Points[1] + this.player6Points[3] + this.player6Points[4] == 18) {
                    this.isHave = true
                    this.player6Judge = [this.player6Points[0], this.player6Points[2]]
                    console.log("---------------10")
                }
                this.player6Judge.whatBow = (this.player6Results[0] + this.player6Results[1]) % 6
                if (((this.player6Results[0] + this.player6Results[1]) % 6)==0){
                    this.player6Judge.whatBow = 6
                }
                this.quChong(this.player6Points, this.player6Points, this.player6Judge)
            },
            // eslint-disable-next-line no-unused-vars
            shakePlayer1(index) {
                // eslint-disable-next-line no-empty
                switch (Math.floor(Math.random() * 6 + 1)) {
                    case 1:
                        this.player1[index].one = true;
                        this.player1[index].two = false;
                        this.player1[index].three = false;
                        this.player1[index].four = false;
                        this.player1[index].five = false;
                        this.player1[index].six = false;
                        this.player1Points[index] += 1;
                        break;
                    case 2:
                        this.player1[index].one = false;
                        this.player1[index].two = true;
                        this.player1[index].three = false;
                        this.player1[index].four = false;
                        this.player1[index].five = false;
                        this.player1[index].six = false;
                        this.player1Points[index] += 2;
                        break;
                    case 3:
                        this.player1[index].one = false;
                        this.player1[index].two = false;
                        this.player1[index].three = true;
                        this.player1[index].four = false;
                        this.player1[index].five = false;
                        this.player1[index].six = false;
                        this.player1Points[index] += 3;
                        break;
                    case 4:
                        this.player1[index].one = false;
                        this.player1[index].two = false;
                        this.player1[index].three = false;
                        this.player1[index].four = true;
                        this.player1[index].five = false;
                        this.player1[index].six = false;
                        this.player1Points[index] += 4;
                        break;
                    case 5:
                        this.player1[index].one = false;
                        this.player1[index].two = false;
                        this.player1[index].three = false;
                        this.player1[index].four = false;
                        this.player1[index].five = true;
                        this.player1[index].six = false;
                        this.player1Points[index] += 5;
                        break;
                    case 6:
                        this.player1[index].one = false;
                        this.player1[index].two = false;
                        this.player1[index].three = false;
                        this.player1[index].four = false;
                        this.player1[index].five = false;
                        this.player1[index].six = true;
                        this.player1Points[index] += 6;
                        break;
                }

            },
            shakePlayer2(index) {
                // eslint-disable-next-line no-empty
                switch (Math.floor(Math.random() * 6 + 1)) {
                    case 1:
                        this.player2[index].one = true;
                        this.player2[index].two = false;
                        this.player2[index].three = false;
                        this.player2[index].four = false;
                        this.player2[index].five = false;
                        this.player2[index].six = false;
                        this.player2Points[index] += 1;
                        break;
                    case 2:
                        this.player2[index].one = false;
                        this.player2[index].two = true;
                        this.player2[index].three = false;
                        this.player2[index].four = false;
                        this.player2[index].five = false;
                        this.player2[index].six = false;
                        this.player2Points[index] += 2;
                        break;
                    case 3:
                        this.player2[index].one = false;
                        this.player2[index].two = false;
                        this.player2[index].three = true;
                        this.player2[index].four = false;
                        this.player2[index].five = false;
                        this.player2[index].six = false;
                        this.player2Points[index] += 3;
                        break;
                    case 4:
                        this.player2[index].one = false;
                        this.player2[index].two = false;
                        this.player2[index].three = false;
                        this.player2[index].four = true;
                        this.player2[index].five = false;
                        this.player2[index].six = false;
                        this.player2Points[index] += 4;
                        break;
                    case 5:
                        this.player2[index].one = false;
                        this.player2[index].two = false;
                        this.player2[index].three = false;
                        this.player2[index].four = false;
                        this.player2[index].five = true;
                        this.player2[index].six = false;
                        this.player2Points[index] += 5;
                        break;
                    case 6:
                        this.player2[index].one = false;
                        this.player2[index].two = false;
                        this.player2[index].three = false;
                        this.player2[index].four = false;
                        this.player2[index].five = false;
                        this.player2[index].six = true;
                        this.player2Points[index] += 6;
                        break;
                }
                console.log(this.player1Points)
            },
            shakePlayer3(index) {
                // eslint-disable-next-line no-empty
                switch (Math.floor(Math.random() * 6 + 1)) {
                    case 1:
                        this.player3[index].one = true;
                        this.player3[index].two = false;
                        this.player3[index].three = false;
                        this.player3[index].four = false;
                        this.player3[index].five = false;
                        this.player3[index].six = false;
                        this.player3Points[index] += 1;
                        break;
                    case 2:
                        this.player3[index].one = false;
                        this.player3[index].two = true;
                        this.player3[index].three = false;
                        this.player3[index].four = false;
                        this.player3[index].five = false;
                        this.player3[index].six = false;
                        this.player3Points[index] += 2;
                        break;
                    case 3:
                        this.player3[index].one = false;
                        this.player3[index].two = false;
                        this.player3[index].three = true;
                        this.player3[index].four = false;
                        this.player3[index].five = false;
                        this.player3[index].six = false;
                        this.player3Points[index] += 3;
                        break;
                    case 4:
                        this.player3[index].one = false;
                        this.player3[index].two = false;
                        this.player3[index].three = false;
                        this.player3[index].four = true;
                        this.player3[index].five = false;
                        this.player3[index].six = false;
                        this.player3Points[index] += 4;
                        break;
                    case 5:
                        this.player3[index].one = false;
                        this.player3[index].two = false;
                        this.player3[index].three = false;
                        this.player3[index].four = false;
                        this.player3[index].five = true;
                        this.player3[index].six = false;
                        this.player3Points[index] += 5;
                        break;
                    case 6:
                        this.player3[index].one = false;
                        this.player3[index].two = false;
                        this.player3[index].three = false;
                        this.player3[index].four = false;
                        this.player3[index].five = false;
                        this.player3[index].six = true;
                        this.player3Points[index] += 6;
                        break;
                }
                console.log(this.player1Points)
            },
            shakePlayer4(index) {
                // eslint-disable-next-line no-empty
                switch (Math.floor(Math.random() * 6 + 1)) {
                    case 1:
                        this.player4[index].one = true;
                        this.player4[index].two = false;
                        this.player4[index].three = false;
                        this.player4[index].four = false;
                        this.player4[index].five = false;
                        this.player4[index].six = false;
                        this.player4Points[index] += 1;
                        break;
                    case 2:
                        this.player4[index].one = false;
                        this.player4[index].two = true;
                        this.player4[index].three = false;
                        this.player4[index].four = false;
                        this.player4[index].five = false;
                        this.player4[index].six = false;
                        this.player4Points[index] += 2;
                        break;
                    case 3:
                        this.player4[index].one = false;
                        this.player4[index].two = false;
                        this.player4[index].three = true;
                        this.player4[index].four = false;
                        this.player4[index].five = false;
                        this.player4[index].six = false;
                        this.player4Points[index] += 3;
                        break;
                    case 4:
                        this.player4[index].one = false;
                        this.player4[index].two = false;
                        this.player4[index].three = false;
                        this.player4[index].four = true;
                        this.player4[index].five = false;
                        this.player4[index].six = false;
                        this.player4Points[index] += 4;
                        break;
                    case 5:
                        this.player4[index].one = false;
                        this.player4[index].two = false;
                        this.player4[index].three = false;
                        this.player4[index].four = false;
                        this.player4[index].five = true;
                        this.player4[index].six = false;
                        this.player4Points[index] += 5;
                        break;
                    case 6:
                        this.player4[index].one = false;
                        this.player4[index].two = false;
                        this.player4[index].three = false;
                        this.player4[index].four = false;
                        this.player4[index].five = false;
                        this.player4[index].six = true;
                        this.player4Points[index] += 6;
                        break;
                }
                console.log(this.player1Points)
            },
            shakePlayer5(index) {
                // eslint-disable-next-line no-empty
                switch (Math.floor(Math.random() * 6 + 1)) {
                    case 1:
                        this.player5[index].one = true;
                        this.player5[index].two = false;
                        this.player5[index].three = false;
                        this.player5[index].four = false;
                        this.player5[index].five = false;
                        this.player5[index].six = false;
                        this.player5Points[index] += 1;
                        break;
                    case 2:
                        this.player5[index].one = false;
                        this.player5[index].two = true;
                        this.player5[index].three = false;
                        this.player5[index].four = false;
                        this.player5[index].five = false;
                        this.player5[index].six = false;
                        this.player5Points[index] += 2;
                        break;
                    case 3:
                        this.player5[index].one = false;
                        this.player5[index].two = false;
                        this.player5[index].three = true;
                        this.player5[index].four = false;
                        this.player5[index].five = false;
                        this.player5[index].six = false;
                        this.player6Points[index] += 3;
                        break;
                    case 4:
                        this.player5[index].one = false;
                        this.player5[index].two = false;
                        this.player5[index].three = false;
                        this.player5[index].four = true;
                        this.player5[index].five = false;
                        this.player5[index].six = false;
                        this.player5Points[index] += 4;
                        break;
                    case 5:
                        this.player5[index].one = false;
                        this.player5[index].two = false;
                        this.player5[index].three = false;
                        this.player5[index].four = false;
                        this.player5[index].five = true;
                        this.player5[index].six = false;
                        this.player5Points[index] += 5;
                        break;
                    case 6:
                        this.player5[index].one = false;
                        this.player5[index].two = false;
                        this.player5[index].three = false;
                        this.player5[index].four = false;
                        this.player5[index].five = false;
                        this.player5[index].six = true;
                        this.player5Points[index] += 6;
                        break;
                }
                console.log(this.player1Points)
            },
            shakePlayer6(index) {
                // eslint-disable-next-line no-empty
                switch (Math.floor(Math.random() * 6 + 1)) {
                    case 1:
                        this.player6[index].one = true;
                        this.player6[index].two = false;
                        this.player6[index].three = false;
                        this.player6[index].four = false;
                        this.player6[index].five = false;
                        this.player6[index].six = false;
                        this.player6Points[index] += 1;
                        break;
                    case 2:
                        this.player6[index].one = false;
                        this.player6[index].two = true;
                        this.player6[index].three = false;
                        this.player6[index].four = false;
                        this.player6[index].five = false;
                        this.player6[index].six = false;
                        this.player6Points[index] += 2;
                        break;
                    case 3:
                        this.player6[index].one = false;
                        this.player6[index].two = false;
                        this.player6[index].three = true;
                        this.player6[index].four = false;
                        this.player6[index].five = false;
                        this.player6[index].six = false;
                        this.player6Points[index] += 3;
                        break;
                    case 4:
                        this.player6[index].one = false;
                        this.player6[index].two = false;
                        this.player6[index].three = false;
                        this.player6[index].four = true;
                        this.player6[index].five = false;
                        this.player6[index].six = false;
                        this.player6Points[index] += 4;
                        break;
                    case 5:
                        this.player6[index].one = false;
                        this.player6[index].two = false;
                        this.player6[index].three = false;
                        this.player6[index].four = false;
                        this.player6[index].five = true;
                        this.player6[index].six = false;
                        this.player6Points[index] += 5;
                        break;
                    case 6:
                        this.player6[index].one = false;
                        this.player6[index].two = false;
                        this.player6[index].three = false;
                        this.player6[index].four = false;
                        this.player6[index].five = false;
                        this.player6[index].six = true;
                        this.player6Points[index] += 6;
                        break;
                }
                console.log(this.player1Points)
            },
            selectNum(num) {
                this.playerNum = num
                console.log(this.playerNum)
            },
            quChong(arr, arr1, player) {
                console.log(arr + "-------------------------arr")
                for (var i = 0, len = arr.length; i < len; i++) {
                    // eslint-disable-next-line no-redeclare
                    for (var j = i + 1, len = arr.length; j < len; j++) {
                        if (arr[i] === arr[j]) {
                            player.fourBoom = arr[i]
                            arr.splice(j, 1);
                            j--;        // 每删除一个数j的值就减1
                            len--;      // j值减小时len也要相应减1（减少循环次数，节省性能）
                            // console.log(j,len)
                        }
                    }
                }
                if (arr.length == 1) {
                    player.fiveBoom = arr[0]
                } else if ((arr1[0] + arr1[1] + arr1[2] + arr1[3] + arr1[4]) == 6) {
                    player.isFiveSmallBow = true
                    player.fiveSmallBow = 1
                } else if (arr.length != 2) {
                    player.isFourBoom = false
                    player.fourBoom = 0
                }
                if (player.isFourBoom != true) {
                    player.fourBoom = 0
                }
                console.log(arr + "-------------------------arr1111")
            },
            startGame(playerNum) {
                console.log(playerNum+"这是人数：？")
                switch (playerNum) {
                    case 2:
                        this.thanSize(2, this.player1Judge, this.player2Judge)
                        break;
                    case 3:
                        this.thanSize(3, this.player1Judge, this.player2Judge, this.player3Judge)
                        break;
                    case 4:
                        this.thanSize(4, this.player1Judge, this.player2Judge, this.player3Judge, this.player4Judge)
                        break;
                    case 5:
                        this.thanSize(5, this.player1Judge, this.player2Judge, this.player3Judge, this.player4Judge, this.player5Judge)
                        break;
                    case 6:
                        this.thanSize(6, this.player1Judge, this.player2Judge, this.player3Judge, this.player4Judge, this.player5Judge, this.player6Judge)
                        break;
                }

            },
            thanSize(num, player1, player2,player3, player4, player5, player6) {
                player1.points = player1.whatBow + player1.fourBoom + player1.fiveSmallBow + player1.fiveBoom
                player2.points = player2.whatBow + player2.fourBoom + player2.fiveSmallBow + player2.fiveBoom
                player3.points = player3.whatBow + player3.fourBoom + player3.fiveSmallBow + player3.fiveBoom
                player4.points = player4.whatBow + player4.fourBoom + player4.fiveSmallBow + player4.fiveBoom
                player5.points = player5.whatBow + player5.fourBoom + player5.fiveSmallBow + player5.fiveBoom
                player6.points = player6.whatBow + player6.fourBoom + player6.fiveSmallBow + player6.fiveBoom
                console.log(player1.points+"=========")
                console.log(player2.points+"=========")
                var map = new Map();
                map.set(player1.points, "玩家1")
                map.set(player2.points, "玩家2")
                map.set(player3.points, "玩家3")
                map.set(player4.points, "玩家4")
                map.set(player5.points, "玩家5")
                map.set(player6.points, "玩家6")
                var arr = [player1.points, player2.points]
                arr.sort(this.compare)
                this.msg = map.get(arr[1])
                if (player1.points==player2.points){
                    this.msg = "平局"
                }
                console.log(this.msg+"这是最高分")
            },
            compare(x, y) {//比较函数
                if (x < y) {
                    return -1;
                } else if (x > y) {
                    return 1;
                } else {
                    return 0;
                }
            }
        }
    }
</script>

<style scoped>
    .body {
        height: 100%;
        display: flex;
        background-size: 100% 100%;
    }

    .xuanXiang {
        font-size: 30px;
        margin-top: 60px;
    }

    div > button {
        margin: 10px;
        width: 90px;
        height: 50px;
        border-style: solid;
        border-radius: 5px;
        font-size: 20px;
    }

    .container-1 {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .row-1 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .container {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }

    .player {
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        border-style: solid;
        border-width: 4px;
        width: 400px;
        height: 300px;
        margin: 10px 10px 10px 10px;
    }

    .satrt {
        width: 100px;
        height: 30px;
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .row-row {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .system-header {
        font-size: 70px;
        text-align: center;
    }

    .box {
        width: 100px;
        height: 100px;
        margin-left: 10px;
        margin-top: 10px;
        border-radius: 5px;
        display: flex;
        background-color: #ffffff;
        border-style: solid;
    }

    .item {
        display: inline-block;
        width: 25px;
        height: 25px;
        border-radius: 12px;
        margin: 2px;
        background-color: #000;
    }

    .box1 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box2 {
        display: flex;
        justify-content: space-around;

    }

    .item2:nth-child(2) {
        align-self: flex-end;
    }

    .box3 {
        justify-content: center;
    }

    .item3:nth-child(2) {
        align-self: center;
    }

    .item3:nth-child(3) {
        align-self: flex-end;
    }

    .box4 {
        display: flex;
        flex-wrap: wrap;
        align-content: space-around;
    }

    .column {
        flex-basis: 100%;
        display: flex;
        justify-content: space-around;
    }

    .box6 {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-around;
        align-content: space-around;
    }

    .box5 {
        flex-direction: row;
        flex-wrap: wrap;
        align-content: space-between;
    }

    .row {
        display: flex;
        justify-content: space-between;
        flex-basis: 100%;
    }

    .row:nth-child(2) {
        justify-content: center;
    }

    .row:nth-child(3) {
        justify-content: space-between;
    }

</style>
